<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解构赋值</title>
</head>
<body>
    
</body>

<script>

    // es6
    // 解构赋值：快速从数组、对象 以及各种容器数据结构里提取成员的一种方法

    obj = {
        name:'hxy',
        age:20,
        gender:'kid'
    }

    // es5 从对象中提取成员、对象名、属性
    // var name = obj.name
    // var age = obj.age
    // var gender = obj.gender
    
    // console.log(name,age,gender);

    // es6 对象的解构
    //属性名必须相同，位置可以改变
    // let  {gender,name,age2} = obj;
    // console.log(name.age2.gender);
    //想改名字怎么办？
    let {name:NewName} = obj
    console.log(NewName)

    //数组解构
    //es5
    var arr = ['a','b','c']
    console.log(arr[1]);

    //es6
    let  [a,b,c] = arr;
    console.log(a,b,c);

    //对象解构用“{}”    数组解构用“[]”

    //Math对象  内置对象
    //Math.max(2,3,4,7,1,5)

    //let(max,min) = Math;
    //console.log(max(2,3,4,7,1,5));
</script>
</html>